<template>
  <div id="app">
    <router-view />  
  </div>
</template>

<script>
export default {
  name:'app',
  mounted(){
     mui.init({
                swipeBack: false, //关闭右滑关闭功能(默认就是false)
                keyEventBind: {
                    backbutton: true //开启back按键监听( 默认就是true)
                }
      });
        // //首页返回键处理
        // //处理逻辑：1秒内，连续两次按返回键，则退出应用；
        var first = null;
       mui.back = function() {
       //首次按键，提示 再按一次退出应用
       if (!first) {
            first = new Date().getTime(); //记录第一次按下回退键的时间
            if(this.$route.name=="home"){
                mui.toast("再按一次退出应用"); //给出提示
            }
            else{
              history.go(-1); //回退到上一页面
            }
           setTimeout(function() {
              //1s中后清除
            first = null;
             }, 1000);
           } else {
             if (new Date().getTime() - first < 1000) {
             //如果两次按下的时间小于1s，
             plus.runtime.quit(); //那么就退出app
             }
           }
        };
  }
}
</script>
<style>
  html {
    height: 100vh;
    width: 100vw;
    overflow-x: hidden;
  }
  body {
    width: 100vw;
    margin: 0;
    padding: 0;
    background: #9ad5a7;
    background-size: 200% 200%;
    animation: BG 15s infinite;
    overflow-x: hidden;
  }
  @keyframes BG{
    0% {
      background-position: 0% 50%;
    }
    25% {
      background-position: 50% 100%;
    }
    50% {
      background-position: 100% 50%;
    }
    75% {
      background-position: 50% 0%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  a {
    text-decoration: none;
  }
  ul li {
    list-style: none;
  }
</style>
